<!DOCTYPE html>
<heml>
    <head>
        <title>Index</title>
        <meta charset="UTF-8">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
        <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    </head>
    <body>
        <nav class="nav navbar-inverse">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="">Project name</a>
                </div>
                <form class="form-inline nav navbar-right navbar-btn">
                    <div class="form-group input-group">
                        <input type="text" placeholder="Email" class="form-control">
                    </div>
                    <div class="form-group input-group">
                        <input type="password" placeholder="password" class="form-control">
                    </div>
                    <div class="form-group input-group">
                        <input type="button" value="submit" class="form-control btn btn-success">
                    </div>
                </form>
            </div>
        </nav>
        <div class="jumbotron">
            <div class="container">
                <h1>hello world</h1>
                    <p>Lorem,ipsum dolor sit amet consectetur adipisicing elit.Voluptatum reiciendis vel consequatuatur odio venaim esse
                    laudantium ipsamunde perspiciatis ullam! Molestias, ducimus magni offciis eius at consequatuatur sed praesentium ratione!</p>
                    <p><button class="btn btn-primary btn-lg" href="#" role="button">Lean more</button></p>
            </div>
        </div>
        <div class="container">
            <div class="row">
            <div class=" col-md-3">
                <h1>Heading</h1>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio,quamnecilunt sint harum fugit
                minima voluptates id sunt nemo hic sapernatur maxime conmmodi. lste voluptatibus aut maxime, iusto iure
                expedita?
                </p>
                <p><a class="btn btn-default btn-lg" href="#" role="button">Lean more</a></p>
            </div>
            <div class=" col-md-3">
                <h1>Heading</h1>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio,quamnecilunt sint harum fugit
                minima voluptates id sunt nemo hic sapernatur maxime conmmodi. lste voluptatibus aut maxime, iusto iure
                expedita?
                </p>
                <p><a class="btn btn-default btn-lg" href="#" role="button">Lean more</a></p>
            </div>
            <div class=" col-md-3">
                <h1>Heading</h1>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio,quamnecilunt sint harum fugit
                minima voluptates id sunt nemo hic sapernatur maxime conmmodi. lste voluptatibus aut maxime, iusto iure
                expedita?
                </p>
                <p><a class="btn btn-default btn-lg" href="#" role="button">Lean more</a></p>
            </div>
            <div class=" col-md-3">
                <h1>Heading</h1>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio,quamnecilunt sint harum fugit
                minima voluptates id sunt nemo hic sapernatur maxime conmmodi. lste voluptatibus aut maxime, iusto iure
                expedita?
                </p>
                <p><a class="btn btn-default btn-lg" href="#" role="button">Lean more</a></p>
            </div>
        </div>
        <div class="footer">
            <div class="container">
                &copy;2016 Company,lnc.
            </div>
        </div>
    </body>
</heml>